<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>02-JavaScript作用域</title>
</head>
<body>
    <script>
        /* 
            作用域：产生作用的区域
            作用：变量命名冲突
            js的作用域：
                全局作用域：在整个script标签内部都可用
                局部作用域：在函数内部
            变量的作用域：
                全局变量：在全局的作用域下，声明的变量
                局部变量：在函数内部声明的变量，在函数内部调用。
            局部的作用域可以使用全局变量，函数外部不能使用内部声明的变量。
            形参只声明未赋值的局部变量
            函数内部，未声明，直接赋值的变量，是全局变量，不推荐
        */

        let car = '宝马';
        function play(ball){
            // let ball
            // ball = '篮球';
            phone = '小米';
            let money = 100;
            console.log(car);
            console.log(ball);
        }
        play('篮球');
        console.log(phone);
        // console.log(car);
        // console.log(ball);
    </script>
</body>
</html>